<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'Estate')}" />
    <title>押品信息</title>
    <asset:stylesheet src="homer/vendor/gallery/blueimp-gallery.css"/>
    <asset:javascript src="homer/vendor/gallery/jquery.blueimp-gallery.min.js"/>
    <style>
    /*Local style for demo purpose*/
    .lightBoxGallery {
        text-align: center;
    }

    .lightBoxGallery a {
        margin: 5px;
        display: inline-block;
    }
    </style>
</head>
<body class="fixed-navbar sidebar-scroll">

<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>押品信息</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                押品信息
            </h2>
        </div>
    </div>
</div>

<div class="content animate-panel">

    %{--小区照片--}%
    <div class="row">
        <div class="hpanel">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                小区照片
            </div>

            <div class="panel-body" style="background: #f1f3f6; border:none;">
                <div>
                    <g:if test="${communityPicArr?.size()>0}">
                        <g:each in="${communityPicArr}">
                            <div class="col-md-3 form-group">
                                <a href="${it.url}" data-gallery=""><div style="background: url(${it.url}) no-repeat; background-size: contain; background-position: center center; height: 300px;"></div></a>
                            </div>
                        </g:each>
                    </g:if>
                    <g:else>
                        <div class="col-md-3 form-group">
                            <asset:image src="january.jpg" width="100%" height="300" />
                        </div>
                    </g:else>

                </div>
            </div>

        </div>
    </div>
</div>

<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    %{--<a class="play-pause"></a>--}%
    %{--<ol class="indicator"></ol>--}%
</div>

<script>

</script>
</body>
</html>
